<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>登录</title>
<link rel="stylesheet"
	href="../resources/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="../resources/bootstrap/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../resources/css/c_login.css">
</head>
<body>
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<div class="navbar-header">
				<span class="navbar-toggle collapsed glyphicon glyphicon-list"
					data-toggle="collapse" data-target="#loginCollapse"
					aria-expanded="false"></span> <a class="navbar-brand"
					href="/schoolBus/client/cLogin">校车</a>
			</div>

			<div class="collapse navbar-collapse" id="loginCollapse">
				<ul class="nav navbar-nav navbar-right">
					<li role="presentation" class="active"><a href="#userLogin"
						aria-controls="userLogin" role="tab" data-toggle="tab">登录</a></li>
					<li role="presentation"><a href="#userRegister"
						aria-controls="userRegister" role="tab" data-toggle="tab">注册</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<div class="container">
		<div class="row">
			<div
				class="col-xs-12 col-sm-10 col-md-8 col-lg-6 col-sm-offset-1 col-md-offset-2 col-lg-offset-3">
				<div class="tab-content">
					<div class="tab-pane active" id="userLogin" role="tabpanel">
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title">登录</h3>
							</div>
							<div class="panel-body">
								<form id="userLoginForm" method="POST">
									<div class="form-group">
										<div class="input-group">
											<span class="input-group-addon glyphicon glyphicon-user"
												id="loginUsernameAddon"></span> <input class="form-control"
												id="userLoginAccount" name="pAccount" type="text"
												placeholder="用户名" required="required"
												aria-describedby="loginUsernameAddon">
										</div>
									</div>
									<div class="form-group">
										<div class="input-group">
											<span class="input-group-addon glyphicon glyphicon-star"
												id="loginPasswdAddon"></span> <input class="form-control"
												id="userLoginPasswd" name="pPasswd" type="password"
												placeholder="密码" required="required"
												aria-describedby="loginPasswdAddon">
										</div>
									</div>
									<div class="form-group loginAndResetButton">
										<button type="reset" class="btn btn-default">重置</button>
										<button type="submit" class="btn btn-success"
											id="userLoginButton">登录</button>
									</div>
								</form>
							</div>
						</div>
					</div>
					<div class="tab-pane" id="userRegister" role="tabpanel">
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title">注册</h3>
							</div>
							<div class="panel-body">
								<form id="userRegisterForm" method="POST">
									<div class="form-group">
										<div class="input-group">
											<span class="input-group-addon glyphicon glyphicon-user"
												id="registerUsernameAddon"></span> <input
												class="form-control" id="userRegisterAccount" type="text"
												name="pAccount" placeholder="输入用户名"
												aria-describedby="registerUsernameAddon" required="required">
										</div>
									</div>
									<div class="form-group">
										<div class="input-group">
											<span
												class="input-group-addon glyphicon glyphicon-star-empty"
												id="registerPasswdAddon"></span> <input class="form-control"
												id="userRegisterPasswd" type="password" placeholder="输入密码"
												required="required" aria-describedby="registerPasswdAddon">
										</div>
									</div>
									<div class="form-group">
										<div class="input-group">
											<span class="input-group-addon glyphicon glyphicon-star"
												id="registerRePasswdAddon"></span> <input
												class="form-control" id="userRePasswd" type="password"
												name="pPasswd" placeholder="再次输入密码"
												aria-describedby="registerRePasswdAddon" required="required">
										</div>
									</div>
									<div class="form-group">
										<div class="input-group">
											<label><input id="student" type="radio" name="pSort"
												value="1" checked>学生</label> &nbsp;&nbsp;<label><input
												id="teacher" type="radio" name="pSort" value="0">教师</label>
										</div>
									</div>
									<div class="form-group loginAndResetButton">
										<button type="reset" class="btn btn-default">重置</button>
										<button type="submit" class="btn btn-success"
											id="userRegisterButton">注册</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="loginAndRegister" tabindex="-1"
		role="dialog" aria-labelledby="loginAndRegisterModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="loginAndRegisterModalLabel">提示</h4>
				</div>
				<div class="modal-body">
					<label id="loginAndRegisterLabel"></label>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="../resources/jquery/jquery.min.js"></script>
	<script type="text/javascript"
		src="../resources/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../resources/js/c_login.js"></script>
</body>
</html>